<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>卡组商店</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/deck-shop.css">
    <link rel="icon" href="logo.svg" type="image/svg+xml">
</head>

<body>
    <div class="header">
        <button class="back-button" onclick="goBackToMain()">← 返回主界面</button>
        <div class="money-display">
            <h2>当前金币：<span id="currentMoney">0</span></h2>
        </div>
    </div>

    <div class="container">
        <div class="category-container">
            <div class="category">
                <div class="category-title">角色卡</div>
                <div class="card-scroll-container">
                    <div class="card-list" id="roleCards">
                        <div class="card disabled">
                            <img class="card-image" src="images/战士立绘.png" alt="1级战士">
                            <div class="card-content">
                                <div class="card-name">1级战士</div>
                                <div class="card-description">一个强壮的1级战士</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>10</span></div>
                                    <div class="stat"><span>攻击力：</span><span>1</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">50 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(1)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士立绘.png" alt="2级战士">
                            <div class="card-content">
                                <div class="card-name">2级战士</div>
                                <div class="card-description">一个强壮的2级战士</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>20</span></div>
                                    <div class="stat"><span>攻击力：</span><span>2</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">100 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(2)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士立绘.png" alt="3级战士">
                            <div class="card-content">
                                <div class="card-name">3级战士</div>
                                <div class="card-description">一个强壮的3级战士</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>30</span></div>
                                    <div class="stat"><span>攻击力：</span><span>3</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">150 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(3)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士立绘.png" alt="4级战士">
                            <div class="card-content">
                                <div class="card-name">4级战士</div>
                                <div class="card-description">一个强壮的4级战士</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>40</span></div>
                                    <div class="stat"><span>攻击力：</span><span>4</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">200 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(4)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士立绘.png" alt="5级战士">
                            <div class="card-content">
                                <div class="card-name">5级战士</div>
                                <div class="card-description">一个强壮的5级战士</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>50</span></div>
                                    <div class="stat"><span>攻击力：</span><span>5</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">250 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(5)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士立绘.png" alt="6级战士">
                            <div class="card-content">
                                <div class="card-name">6级战士</div>
                                <div class="card-description">一个强壮的6级战士</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>60</span></div>
                                    <div class="stat"><span>攻击力：</span><span>6</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">300 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(6)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士立绘.png" alt="7级战士">
                            <div class="card-content">
                                <div class="card-name">7级战士</div>
                                <div class="card-description">一个强壮的7级战士</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>70</span></div>
                                    <div class="stat"><span>攻击力：</span><span>7</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">350 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(7)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士立绘.png" alt="8级战士">
                            <div class="card-content">
                                <div class="card-name">8级战士</div>
                                <div class="card-description">一个强壮的8级战士</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>80</span></div>
                                    <div class="stat"><span>攻击力：</span><span>8</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">400 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(8)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士立绘.png" alt="9级战士">
                            <div class="card-content">
                                <div class="card-name">9级战士</div>
                                <div class="card-description">一个强壮的9级战士</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>90</span></div>
                                    <div class="stat"><span>攻击力：</span><span>9</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">450 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(9)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士立绘.png" alt="10级战士">
                            <div class="card-content">
                                <div class="card-name">10级战士</div>
                                <div class="card-description">一个强壮的10级战士</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>100</span></div>
                                    <div class="stat"><span>攻击力：</span><span>10</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">500 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(10)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师立绘.png" alt="1级法师">
                            <div class="card-content">
                                <div class="card-name">1级法师</div>
                                <div class="card-description">一个强大的1级法师</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>5</span></div>
                                    <div class="stat"><span>攻击力：</span><span>2</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">50 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(11)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师立绘.png" alt="2级法师">
                            <div class="card-content">
                                <div class="card-name">2级法师</div>
                                <div class="card-description">一个强大的2级法师</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>10</span></div>
                                    <div class="stat"><span>攻击力：</span><span>4</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">100 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(12)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师立绘.png" alt="3级法师">
                            <div class="card-content">
                                <div class="card-name">3级法师</div>
                                <div class="card-description">一个强大的3级法师</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>15</span></div>
                                    <div class="stat"><span>攻击力：</span><span>6</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">150 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(13)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师立绘.png" alt="4级法师">
                            <div class="card-content">
                                <div class="card-name">4级法师</div>
                                <div class="card-description">一个强大的4级法师</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>20</span></div>
                                    <div class="stat"><span>攻击力：</span><span>8</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">200 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(14)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师立绘.png" alt="5级法师">
                            <div class="card-content">
                                <div class="card-name">5级法师</div>
                                <div class="card-description">一个强大的5级法师</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>25</span></div>
                                    <div class="stat"><span>攻击力：</span><span>10</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">250 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(15)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师立绘.png" alt="6级法师">
                            <div class="card-content">
                                <div class="card-name">6级法师</div>
                                <div class="card-description">一个强大的6级法师</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>30</span></div>
                                    <div class="stat"><span>攻击力：</span><span>12</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">300 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(16)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师立绘.png" alt="7级法师">
                            <div class="card-content">
                                <div class="card-name">7级法师</div>
                                <div class="card-description">一个强大的7级法师</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>35</span></div>
                                    <div class="stat"><span>攻击力：</span><span>14</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">350 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(17)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师立绘.png" alt="8级法师">
                            <div class="card-content">
                                <div class="card-name">8级法师</div>
                                <div class="card-description">一个强大的8级法师</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>40</span></div>
                                    <div class="stat"><span>攻击力：</span><span>16</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">400 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(18)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师立绘.png" alt="9级法师">
                            <div class="card-content">
                                <div class="card-name">9级法师</div>
                                <div class="card-description">一个强大的9级法师</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>45</span></div>
                                    <div class="stat"><span>攻击力：</span><span>18</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">450 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(19)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师立绘.png" alt="10级法师">
                            <div class="card-content">
                                <div class="card-name">10级法师</div>
                                <div class="card-description">一个强大的10级法师</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>50</span></div>
                                    <div class="stat"><span>攻击力：</span><span>20</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">500 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(20)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手立绘.png" alt="1级弓箭手">
                            <div class="card-content">
                                <div class="card-name">1级弓箭手</div>
                                <div class="card-description">一个敏捷的1级弓箭手</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>3</span></div>
                                    <div class="stat"><span>攻击力：</span><span>5</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">50 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(21)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手立绘.png" alt="2级弓箭手">
                            <div class="card-content">
                                <div class="card-name">2级弓箭手</div>
                                <div class="card-description">一个敏捷的2级弓箭手</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>6</span></div>
                                    <div class="stat"><span>攻击力：</span><span>10</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">100 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(22)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手立绘.png" alt="3级弓箭手">
                            <div class="card-content">
                                <div class="card-name">3级弓箭手</div>
                                <div class="card-description">一个敏捷的3级弓箭手</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>9</span></div>
                                    <div class="stat"><span>攻击力：</span><span>15</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">150 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(23)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手立绘.png" alt="4级弓箭手">
                            <div class="card-content">
                                <div class="card-name">4级弓箭手</div>
                                <div class="card-description">一个敏捷的4级弓箭手</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>12</span></div>
                                    <div class="stat"><span>攻击力：</span><span>20</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">200 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(24)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手立绘.png" alt="5级弓箭手">
                            <div class="card-content">
                                <div class="card-name">5级弓箭手</div>
                                <div class="card-description">一个敏捷的5级弓箭手</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>15</span></div>
                                    <div class="stat"><span>攻击力：</span><span>25</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">250 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(25)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手立绘.png" alt="6级弓箭手">
                            <div class="card-content">
                                <div class="card-name">6级弓箭手</div>
                                <div class="card-description">一个敏捷的6级弓箭手</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>18</span></div>
                                    <div class="stat"><span>攻击力：</span><span>30</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">300 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(26)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手立绘.png" alt="7级弓箭手">
                            <div class="card-content">
                                <div class="card-name">7级弓箭手</div>
                                <div class="card-description">一个敏捷的7级弓箭手</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>21</span></div>
                                    <div class="stat"><span>攻击力：</span><span>35</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">350 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(27)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手立绘.png" alt="8级弓箭手">
                            <div class="card-content">
                                <div class="card-name">8级弓箭手</div>
                                <div class="card-description">一个敏捷的8级弓箭手</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>24</span></div>
                                    <div class="stat"><span>攻击力：</span><span>40</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">400 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(28)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手立绘.png" alt="9级弓箭手">
                            <div class="card-content">
                                <div class="card-name">9级弓箭手</div>
                                <div class="card-description">一个敏捷的9级弓箭手</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>27</span></div>
                                    <div class="stat"><span>攻击力：</span><span>45</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">450 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(29)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手立绘.png" alt="10级弓箭手">
                            <div class="card-content">
                                <div class="card-name">10级弓箭手</div>
                                <div class="card-description">一个敏捷的10级弓箭手</div>
                                <div class="card-stats">

                                    <div class="stat"><span>生命值：</span><span>30</span></div>
                                    <div class="stat"><span>攻击力：</span><span>50</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">500 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(30)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="category">
                <div class="category-title">行动卡</div>
                <div class="card-scroll-container">
                    <div class="card-list" id="actionCards">
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="1级加最大蓝量">
                            <div class="card-content">
                                <div class="card-name">1级加最大蓝量</div>
                                <div class="card-description">增加最大蓝量。</div>
                                <div class="card-stats">



                                    <div class="stat"><span>增加法力上限：</span><span>+1</span></div>


                                    <div class="stat"><span>技能消耗：</span><span>1</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">50 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(31)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="2级加最大蓝量">
                            <div class="card-content">
                                <div class="card-name">2级加最大蓝量</div>
                                <div class="card-description">增加最大蓝量。</div>
                                <div class="card-stats">



                                    <div class="stat"><span>增加法力上限：</span><span>+2</span></div>


                                    <div class="stat"><span>技能消耗：</span><span>2</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">100 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(32)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="3级加最大蓝量">
                            <div class="card-content">
                                <div class="card-name">3级加最大蓝量</div>
                                <div class="card-description">增加最大蓝量。</div>
                                <div class="card-stats">



                                    <div class="stat"><span>增加法力上限：</span><span>+3</span></div>


                                    <div class="stat"><span>技能消耗：</span><span>3</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">150 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(33)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="4级加最大蓝量">
                            <div class="card-content">
                                <div class="card-name">4级加最大蓝量</div>
                                <div class="card-description">增加最大蓝量。</div>
                                <div class="card-stats">



                                    <div class="stat"><span>增加法力上限：</span><span>+4</span></div>


                                    <div class="stat"><span>技能消耗：</span><span>4</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">200 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(34)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="5级加最大蓝量">
                            <div class="card-content">
                                <div class="card-name">5级加最大蓝量</div>
                                <div class="card-description">增加最大蓝量。</div>
                                <div class="card-stats">



                                    <div class="stat"><span>增加法力上限：</span><span>+5</span></div>


                                    <div class="stat"><span>技能消耗：</span><span>5</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">250 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(35)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="6级加最大蓝量">
                            <div class="card-content">
                                <div class="card-name">6级加最大蓝量</div>
                                <div class="card-description">增加最大蓝量。</div>
                                <div class="card-stats">



                                    <div class="stat"><span>增加法力上限：</span><span>+6</span></div>


                                    <div class="stat"><span>技能消耗：</span><span>6</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">300 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(36)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="7级加最大蓝量">
                            <div class="card-content">
                                <div class="card-name">7级加最大蓝量</div>
                                <div class="card-description">增加最大蓝量。</div>
                                <div class="card-stats">



                                    <div class="stat"><span>增加法力上限：</span><span>+7</span></div>


                                    <div class="stat"><span>技能消耗：</span><span>7</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">350 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(37)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="8级加最大蓝量">
                            <div class="card-content">
                                <div class="card-name">8级加最大蓝量</div>
                                <div class="card-description">增加最大蓝量。</div>
                                <div class="card-stats">



                                    <div class="stat"><span>增加法力上限：</span><span>+8</span></div>


                                    <div class="stat"><span>技能消耗：</span><span>8</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">400 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(38)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="9级加最大蓝量">
                            <div class="card-content">
                                <div class="card-name">9级加最大蓝量</div>
                                <div class="card-description">增加最大蓝量。</div>
                                <div class="card-stats">



                                    <div class="stat"><span>增加法力上限：</span><span>+9</span></div>


                                    <div class="stat"><span>技能消耗：</span><span>9</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">450 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(39)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="10级加最大蓝量">
                            <div class="card-content">
                                <div class="card-name">10级加最大蓝量</div>
                                <div class="card-description">增加最大蓝量。</div>
                                <div class="card-stats">



                                    <div class="stat"><span>增加法力上限：</span><span>+10</span></div>


                                    <div class="stat"><span>技能消耗：</span><span>10</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">500 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(40)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="1级治疗">
                            <div class="card-content">
                                <div class="card-name">1级治疗</div>
                                <div class="card-description">恢复生命值。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>回血：</span><span>+10</span></div>




                                    <div class="stat"><span>技能消耗：</span><span>1</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">50 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(41)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="2级治疗">
                            <div class="card-content">
                                <div class="card-name">2级治疗</div>
                                <div class="card-description">恢复生命值。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>回血：</span><span>+20</span></div>




                                    <div class="stat"><span>技能消耗：</span><span>2</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">100 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(42)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="3级治疗">
                            <div class="card-content">
                                <div class="card-name">3级治疗</div>
                                <div class="card-description">恢复生命值。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>回血：</span><span>+30</span></div>




                                    <div class="stat"><span>技能消耗：</span><span>3</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">150 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(43)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="4级治疗">
                            <div class="card-content">
                                <div class="card-name">4级治疗</div>
                                <div class="card-description">恢复生命值。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>回血：</span><span>+40</span></div>




                                    <div class="stat"><span>技能消耗：</span><span>4</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">200 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(44)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="5级治疗">
                            <div class="card-content">
                                <div class="card-name">5级治疗</div>
                                <div class="card-description">恢复生命值。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>回血：</span><span>+50</span></div>




                                    <div class="stat"><span>技能消耗：</span><span>5</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">250 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(45)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="6级治疗">
                            <div class="card-content">
                                <div class="card-name">6级治疗</div>
                                <div class="card-description">恢复生命值。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>回血：</span><span>+60</span></div>




                                    <div class="stat"><span>技能消耗：</span><span>6</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">300 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(46)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="7级治疗">
                            <div class="card-content">
                                <div class="card-name">7级治疗</div>
                                <div class="card-description">恢复生命值。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>回血：</span><span>+70</span></div>




                                    <div class="stat"><span>技能消耗：</span><span>7</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">350 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(47)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="8级治疗">
                            <div class="card-content">
                                <div class="card-name">8级治疗</div>
                                <div class="card-description">恢复生命值。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>回血：</span><span>+80</span></div>




                                    <div class="stat"><span>技能消耗：</span><span>8</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">400 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(48)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="9级治疗">
                            <div class="card-content">
                                <div class="card-name">9级治疗</div>
                                <div class="card-description">恢复生命值。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>回血：</span><span>+90</span></div>




                                    <div class="stat"><span>技能消耗：</span><span>9</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">450 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(49)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="10级治疗">
                            <div class="card-content">
                                <div class="card-name">10级治疗</div>
                                <div class="card-description">恢复生命值。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>回血：</span><span>+100</span></div>




                                    <div class="stat"><span>技能消耗：</span><span>10</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">500 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(50)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="1级加蓝">
                            <div class="card-content">
                                <div class="card-name">1级加蓝</div>
                                <div class="card-description">增加蓝量。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>回蓝：</span><span>+2</span></div>



                                    <div class="stat"><span>技能消耗：</span><span>1</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">50 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(51)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="2级加蓝">
                            <div class="card-content">
                                <div class="card-name">2级加蓝</div>
                                <div class="card-description">增加蓝量。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>回蓝：</span><span>+4</span></div>



                                    <div class="stat"><span>技能消耗：</span><span>2</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">100 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(52)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="3级加蓝">
                            <div class="card-content">
                                <div class="card-name">3级加蓝</div>
                                <div class="card-description">增加蓝量。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>回蓝：</span><span>+6</span></div>



                                    <div class="stat"><span>技能消耗：</span><span>3</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">150 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(53)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="4级加蓝">
                            <div class="card-content">
                                <div class="card-name">4级加蓝</div>
                                <div class="card-description">增加蓝量。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>回蓝：</span><span>+8</span></div>



                                    <div class="stat"><span>技能消耗：</span><span>4</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">200 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(54)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="5级加蓝">
                            <div class="card-content">
                                <div class="card-name">5级加蓝</div>
                                <div class="card-description">增加蓝量。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>回蓝：</span><span>+10</span></div>



                                    <div class="stat"><span>技能消耗：</span><span>5</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">250 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(55)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="6级加蓝">
                            <div class="card-content">
                                <div class="card-name">6级加蓝</div>
                                <div class="card-description">增加蓝量。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>回蓝：</span><span>+12</span></div>



                                    <div class="stat"><span>技能消耗：</span><span>6</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">300 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(56)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="7级加蓝">
                            <div class="card-content">
                                <div class="card-name">7级加蓝</div>
                                <div class="card-description">增加蓝量。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>回蓝：</span><span>+14</span></div>



                                    <div class="stat"><span>技能消耗：</span><span>7</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">350 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(57)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="8级加蓝">
                            <div class="card-content">
                                <div class="card-name">8级加蓝</div>
                                <div class="card-description">增加蓝量。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>回蓝：</span><span>+16</span></div>



                                    <div class="stat"><span>技能消耗：</span><span>8</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">400 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(58)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="9级加蓝">
                            <div class="card-content">
                                <div class="card-name">9级加蓝</div>
                                <div class="card-description">增加蓝量。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>回蓝：</span><span>+18</span></div>



                                    <div class="stat"><span>技能消耗：</span><span>9</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">450 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(59)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="10级加蓝">
                            <div class="card-content">
                                <div class="card-name">10级加蓝</div>
                                <div class="card-description">增加蓝量。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>回蓝：</span><span>+20</span></div>



                                    <div class="stat"><span>技能消耗：</span><span>10</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">500 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(60)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="category">
                <div class="category-title">全场装备卡</div>
                <div class="card-scroll-container">
                    <div class="card-list" id="totalWeaponCards">
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="1级增加最大血量">
                            <div class="card-content">
                                <div class="card-name">1级增加最大血量</div>
                                <div class="card-description">增加最大血量。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+1</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">50 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(61)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="2级增加最大血量">
                            <div class="card-content">
                                <div class="card-name">2级增加最大血量</div>
                                <div class="card-description">增加最大血量。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+2</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">100 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(62)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="3级增加最大血量">
                            <div class="card-content">
                                <div class="card-name">3级增加最大血量</div>
                                <div class="card-description">增加最大血量。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+3</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">150 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(63)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="4级增加最大血量">
                            <div class="card-content">
                                <div class="card-name">4级增加最大血量</div>
                                <div class="card-description">增加最大血量。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+4</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">200 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(64)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="5级增加最大血量">
                            <div class="card-content">
                                <div class="card-name">5级增加最大血量</div>
                                <div class="card-description">增加最大血量。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+5</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">250 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(65)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="6级增加最大血量">
                            <div class="card-content">
                                <div class="card-name">6级增加最大血量</div>
                                <div class="card-description">增加最大血量。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+6</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">300 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(66)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="7级增加最大血量">
                            <div class="card-content">
                                <div class="card-name">7级增加最大血量</div>
                                <div class="card-description">增加最大血量。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+7</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">350 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(67)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="8级增加最大血量">
                            <div class="card-content">
                                <div class="card-name">8级增加最大血量</div>
                                <div class="card-description">增加最大血量。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+8</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">400 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(68)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="9级增加最大血量">
                            <div class="card-content">
                                <div class="card-name">9级增加最大血量</div>
                                <div class="card-description">增加最大血量。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+9</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">450 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(69)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="10级增加最大血量">
                            <div class="card-content">
                                <div class="card-name">10级增加最大血量</div>
                                <div class="card-description">增加最大血量。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+10</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">500 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(70)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="category">
                <div class="category-title">角色装备卡</div>
                <div class="card-scroll-container">
                    <div class="card-list" id="roleWeaponCards">
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="1级战士剑">
                            <div class="card-content">
                                <div class="card-name">1级战士剑</div>
                                <div class="card-description">战士的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+2</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+2</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">50 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(71)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="2级战士剑">
                            <div class="card-content">
                                <div class="card-name">2级战士剑</div>
                                <div class="card-description">战士的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+4</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+4</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">100 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(72)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="3级战士剑">
                            <div class="card-content">
                                <div class="card-name">3级战士剑</div>
                                <div class="card-description">战士的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+6</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+6</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">150 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(73)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="4级战士剑">
                            <div class="card-content">
                                <div class="card-name">4级战士剑</div>
                                <div class="card-description">战士的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+8</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+8</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">200 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(74)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="5级战士剑">
                            <div class="card-content">
                                <div class="card-name">5级战士剑</div>
                                <div class="card-description">战士的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+10</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+10</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">250 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(75)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="6级战士剑">
                            <div class="card-content">
                                <div class="card-name">6级战士剑</div>
                                <div class="card-description">战士的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+12</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+12</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">300 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(76)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="7级战士剑">
                            <div class="card-content">
                                <div class="card-name">7级战士剑</div>
                                <div class="card-description">战士的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+14</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+14</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">350 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(77)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="8级战士剑">
                            <div class="card-content">
                                <div class="card-name">8级战士剑</div>
                                <div class="card-description">战士的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+16</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+16</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">400 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(78)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="9级战士剑">
                            <div class="card-content">
                                <div class="card-name">9级战士剑</div>
                                <div class="card-description">战士的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+18</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+18</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">450 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(79)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/战士卡.png" alt="10级战士剑">
                            <div class="card-content">
                                <div class="card-name">10级战士剑</div>
                                <div class="card-description">战士的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+20</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+20</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">500 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(80)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="1级法师法杖">
                            <div class="card-content">
                                <div class="card-name">1级法师法杖</div>
                                <div class="card-description">法师的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+1</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+3</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">50 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(81)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="2级法师法杖">
                            <div class="card-content">
                                <div class="card-name">2级法师法杖</div>
                                <div class="card-description">法师的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+2</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+6</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">100 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(82)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="3级法师法杖">
                            <div class="card-content">
                                <div class="card-name">3级法师法杖</div>
                                <div class="card-description">法师的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+3</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+9</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">150 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(83)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="4级法师法杖">
                            <div class="card-content">
                                <div class="card-name">4级法师法杖</div>
                                <div class="card-description">法师的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+4</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+12</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">200 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(84)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="5级法师法杖">
                            <div class="card-content">
                                <div class="card-name">5级法师法杖</div>
                                <div class="card-description">法师的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+5</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+15</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">250 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(85)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="6级法师法杖">
                            <div class="card-content">
                                <div class="card-name">6级法师法杖</div>
                                <div class="card-description">法师的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+6</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+18</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">300 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(86)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="7级法师法杖">
                            <div class="card-content">
                                <div class="card-name">7级法师法杖</div>
                                <div class="card-description">法师的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+7</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+21</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">350 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(87)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="8级法师法杖">
                            <div class="card-content">
                                <div class="card-name">8级法师法杖</div>
                                <div class="card-description">法师的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+8</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+24</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">400 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(88)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="9级法师法杖">
                            <div class="card-content">
                                <div class="card-name">9级法师法杖</div>
                                <div class="card-description">法师的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+9</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+27</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">450 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(89)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/法师卡.png" alt="10级法师法杖">
                            <div class="card-content">
                                <div class="card-name">10级法师法杖</div>
                                <div class="card-description">法师的武器。</div>
                                <div class="card-stats">

                                    <div class="stat"><span>增加生命上限：</span><span>+10</span></div>
                                    <div class="stat"><span>增加攻击力：</span><span>+30</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">500 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(90)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手卡.png" alt="1级弓箭手弓">
                            <div class="card-content">
                                <div class="card-name">1级弓箭手弓</div>
                                <div class="card-description">弓箭手的武器。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>增加攻击力：</span><span>+3</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">50 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(91)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手卡.png" alt="2级弓箭手弓">
                            <div class="card-content">
                                <div class="card-name">2级弓箭手弓</div>
                                <div class="card-description">弓箭手的武器。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>增加攻击力：</span><span>+6</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">100 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(92)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手卡.png" alt="3级弓箭手弓">
                            <div class="card-content">
                                <div class="card-name">3级弓箭手弓</div>
                                <div class="card-description">弓箭手的武器。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>增加攻击力：</span><span>+9</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">150 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(93)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手卡.png" alt="4级弓箭手弓">
                            <div class="card-content">
                                <div class="card-name">4级弓箭手弓</div>
                                <div class="card-description">弓箭手的武器。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>增加攻击力：</span><span>+12</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">200 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(94)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手卡.png" alt="5级弓箭手弓">
                            <div class="card-content">
                                <div class="card-name">5级弓箭手弓</div>
                                <div class="card-description">弓箭手的武器。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>增加攻击力：</span><span>+15</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">250 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(95)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手卡.png" alt="6级弓箭手弓">
                            <div class="card-content">
                                <div class="card-name">6级弓箭手弓</div>
                                <div class="card-description">弓箭手的武器。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>增加攻击力：</span><span>+18</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">300 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(96)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手卡.png" alt="7级弓箭手弓">
                            <div class="card-content">
                                <div class="card-name">7级弓箭手弓</div>
                                <div class="card-description">弓箭手的武器。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>增加攻击力：</span><span>+21</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">350 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(97)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手卡.png" alt="8级弓箭手弓">
                            <div class="card-content">
                                <div class="card-name">8级弓箭手弓</div>
                                <div class="card-description">弓箭手的武器。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>增加攻击力：</span><span>+24</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">400 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(98)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手卡.png" alt="9级弓箭手弓">
                            <div class="card-content">
                                <div class="card-name">9级弓箭手弓</div>
                                <div class="card-description">弓箭手的武器。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>增加攻击力：</span><span>+27</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">450 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(99)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                        <div class="card disabled">
                            <img class="card-image" src="images/弓箭手卡.png" alt="10级弓箭手弓">
                            <div class="card-content">
                                <div class="card-name">10级弓箭手弓</div>
                                <div class="card-description">弓箭手的武器。</div>
                                <div class="card-stats">


                                    <div class="stat"><span>增加攻击力：</span><span>+30</span></div>

                                </div>
                                <div class="price-container">
                                    <span>价格：</span>
                                    <span class="price insufficient">500 金币</span>
                                </div>
                                <button class="buy-button" onclick="purchaseCard(100)" disabled="">
                                    购买
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="js/common.js"></script>
    <script src="js/character-shop.js"></script>

</body>

</html>